@import "tailwindcss";

@theme {
  --color-primary: var(--color-primary);
  --color-primary-light: var(--color-primary-bg);
  --color-error: var(--color-error);
  --color-error-light: var(--color-error-bg);

  --color-success: var(--color-success);
  --color-warning: var(--color-warning);

  /* // 文本颜色 */
  --color-theme: var(--color-text-theme);
  --color-main: var(--color-text-main);
  --color-second: var(--color-text-second);
  --color-third: var(--color-text-third);

  /* border 颜色 */
  --color-line-light: var(--color-line-light);

  /* 字体大小 */
  --text-xs: var(--size-text-xs);
  --text-sm: var(--size-text-sm);
  --text-base: var(--size-text-base);
  --text-lg: var(--size-text-lg);
  --text-xl: var(--size-text-xl);
  --text-2xl: 40px;

  /* 背景色 */
  --color-page: var(--color-page);

  /* 阴影 */
  --shadow-black-1: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
  --shadow-black-t: 0 -2px 8px 0 rgba(0, 0, 0, 0.1);
  --shadow-inner-1: 0 0 0 2px rgba(0, 0, 0, 0.1);

  /* 新版tws 换了写法： */
  --radius-full: 99999px;
}

.line-clamp {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* .line-clamp-2 {
  overflow: "hidden";
  text-overflow: ellipsis;
  display: "-webkit-box";
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
} */

.type-primary {
  --type-color: var(--color-primary);
  --type-color-bg: var(--color-primary-bg);
}

.type-error {
  --type-color: var(--color-error);
  --type-color-bg: var(--color-error-bg);
}

.type-success {
  --type-color: var(--color-success);
  --type-color-bg: var(--color-success-bg);
}

.type-warning {
  --type-color: var(--color-warning);
  --type-color-bg: var(--color-warning-bg);
}

.type-info {
  --type-color: var(--color-info);
  --type-color-bg: var(--color-info-bg);
}

.type-dark {
  --type-color: #23252a;
  --type-color-bg: #f1f3f8;
}
